﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery MiniUI</title>
    <link href="docs/images/core.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="wrapper">
        <div id="header">
            <div id="mininav"> <div id="logo"> <a href="http://www.miniui.com" target="_blank"> 
            <div class="logoText">jQuery MiniUI</div> </a> </div> 
<div id="mini_nav_block"> <a title="jQuery MiniUI - 快速开发WebUI" href="http://www.miniui.com" class="gray">首页</a> 
| <a href="demo/index.html" class="gray">示例</a> 
| <a href="docs/api/index.html" class="gray">Api</a> 
| <a href="#tutorial" class="gray">教程</a> 
| <a href="#quickstart" class="gray">入门</a> 
| <a href="http://www.miniui.com/bbs" target="_blank" class="gray">论坛</a>
| <a href="http://www.miniui.com/license" target="_blank" class="gray" style="color:Red;">授权</a>
 </div> </div>
            <div id="banner">
                <div class="banner-title">
                    MiniUI - 快速开发WebUI
                </div>

                <div class="indexBanner-content">
                    <ul>
                        <li>快速开发，减少50%代码量</li>
                        <li>丰富组件库，高性能、低内存</li>                        
                        <li><span>支持</span> Java、.NET、PHP</li>
                        <li>支持 IE6+、FireFox、Chrome</li>
                    </ul>
                </div>
                <a id="onlinedemoLink" href="demo/index.html"></a>
                <a id="downloadLink" href="http://www.miniui.com/download/"></a>
                <a href="demo/index.html" >
                    <img alt="" src="docs/images/miniui.gif" id="bannerImg">
                </a>
            </div>
        </div>
        <div>
            <p>请参考：<a href="安装部署说明.txt" target="_blank" style="color:Red;text-decoration:underline;">安装部署说明.txt</a>。
                CRUD、DataGrid、Tree、AutoComplete、TextBoxList等需要后台配合演示。
            </p>            
        </div>
        <div class="side_left">
            <div class="list_block" style="height:75px;">
				<div class="title"> 
				    <h3><a id="quickstart" href="docs/quickstart/index.html">快速入门</a></h3>
				</div>
				<ul id="getstart">
				    <li>
				        <a href="docs/quickstart/index.html">1.下载安装</a>
				    </li>
				    <li>
				        <a href="docs/quickstart/first.html">2.Hello,world</a>
				    </li>
				    <li>
				        <a href="docs/quickstart/crud.html">3.CRUD</a>
				    </li>
				    <li>
				        <a href="docs/quickstart/form.html">4.表单开发</a>
				    </li>
				    <li>
				        <a href="docs/quickstart/layout.html">5.主框架布局</a>
				    </li>
				    
				</ul>
			</div>
            <div class="list_block" style="height:647px;">
				<div class="title">
					<h3><a id="tutorial" href="docs/tutorial/index.html">开发教程</a></h3>
				</div>
				
				<ul style="padding-left:20px;padding-bottom:20px;">
					<li>
						<a target="_blank" href="docs/tutorial/index.html#syslayout">
						1. 主框架布局</a>
						<div class="sec">
						    <a href="docs/tutorial/layout_outlooktree.html">OutlookTree</a>
						    <a href="docs/tutorial/layout_outlookmenu.html">OutlookMenu</a>
						    <a href="docs/tutorial/layout_tree.html">Tree</a>
						    <a href="docs/tutorial/layout_menu.html">Menu</a>
						</div>
					</li>
					<li><a target="_blank" href="docs/tutorial/index.html#crud">
						2. CRUD</a>
					    <div class="sec">
                            <a href="docs/tutorial/crud_celledit.html">单元格编辑</a>
                            <a href="docs/tutorial/crud_rowedit.html">行编辑器</a>
                            <a href="docs/tutorial/crud_formedit.html">表单编辑</a>
                            <a href="docs/tutorial/crud_popupedit.html">弹出框编辑</a>
					    </div>
					</li>
					<li><a target="_blank" href="docs/tutorial/index.html#form">
						3. 表单控件</a>
						<div class="sec">                            
					        <a href="docs/tutorial/form.html" style="color:Red;">加载保存</a>
					        <a href="docs/tutorial/validator.html" style="color:Red;">表单验证</a>
                            <a href="docs/tutorial/databinding.html">数据绑定</a>
                            <a href="docs/tutorial/diysize.html">表单：控件尺寸调整</a>
                            <a href="docs/tutorial/selectgrid.html" style="color:Red;">弹出：选择表格</a>
                            <a href="docs/tutorial/selecttree.html"  style="color:Red;">弹出：选择树</a>
					        <a href="docs/tutorial/button.html">按钮</a>
					        <a href="docs/tutorial/buttonedit.html">按钮输入框</a>
					        <a href="docs/tutorial/combobox.html">下拉选择框</a>
					        <a href="docs/tutorial/combobox2.html">联动选择框</a>
					        <a href="docs/tutorial/textbox.html">文本输入框</a>
					        <a href="docs/tutorial/datepicker.html">日期选择框</a>
					        <a href="docs/tutorial/spinner.html">数字输入框</a>
					        <a href="docs/tutorial/treeselect.html">树形选择框</a>
					        <a href="docs/tutorial/autocomplete.html">输入智能提示框</a>
					        <a href="docs/tutorial/textboxlist.html">多选输入智能提示框</a>
					        <a href="docs/tutorial/checkboxlist.html">复选框</a>
					        <a href="docs/tutorial/radiobuttonlist.html">单选框组</a>
					        <a href="docs/tutorial/fileupload.html">文件上传控件</a>
					        <!--&nbsp;......
					        <span class="more"><a href="docs/tutorial/index.html#form">更多»</a></span>-->
					    </div>
					</li>
					<li>
						<a target="_blank" href="docs/tutorial/index.html#datagrid">
						4. 表格控件</a>
						<div class="sec">
					        <a href="docs/tutorial/datagrid.html" style="color:Red;">查询分页</a>
					        <a href="docs/tutorial/datagrid_columns.html" style="color:Red;">自定义列</a>
					        <a href="docs/tutorial/datagrid_drawcell.html" style="color:Red;">自定义单元格</a>
					        <a href="docs/tutorial/datagrid_columngroup.html">多表头列</a>
					        <a href="docs/tutorial/datagrid_fixedcolumns.html">锁定列</a>
					        <a href="docs/tutorial/datagrid_hidecolumn.html">显示/隐藏列</a>
					        <a href="docs/tutorial/datagrid_filter.html">过滤行</a>
					        <a href="docs/tutorial/datagrid_summary.html">汇总行</a>
					        <a href="docs/tutorial/datagrid_rowdetail.html">详细行</a>
                            <a href="docs/tutorial/crud_celledit.html" style="color:Red;">表格编辑：单元格编辑</a>
                            <a href="docs/tutorial/crud_rowedit.html">表格编辑：行编辑器</a>
                            <a href="docs/tutorial/crud_formedit.html">表格编辑：表单编辑</a>
                            <a href="docs/tutorial/crud_popupedit.html">表格编辑：弹出框编辑</a>
                            <a href="docs/tutorial/cellvalidation.html"  style="color:Red;" >单元格编辑验证</a>
                            <a href="docs/tutorial/datagrid_contextmenu.html">右键菜单</a>
                            <a href="docs/tutorial/datagrid_grouping.html">分组</a>
                            <a href="docs/tutorial/datagrid_mergecells.html">合并单元格</a>
					        <a href="docs/tutorial/databinding.html">数据绑定</a>
					    </div>
					</li>
					<li>
						<a target="_blank" href="docs/tutorial/index.html#tree">
							5. 树形控件</a>
						<div class="sec">
					        <a href="docs/tutorial/tree.html">创建树:树形结构</a>
					        <a href="docs/tutorial/tree_list.html" style="color:Red;">创建树:列表结构</a>
					        <a href="docs/tutorial/tree_js.html">创建树:本地JSON</a>
					        <a href="docs/tutorial/tree_html.html">创建树:Html生成</a>
					        <a href="docs/tutorial/tree_action.html">增加,删除,修改,移动</a><br />
					        <a href="docs/tutorial/tree_lazy.html">懒加载树</a>
					        <a href="docs/tutorial/tree_checkbox.html">多选树</a>
					        <a href="docs/tutorial/tree_dragdrop.html">节点拖拽投放</a>
					        <a href="docs/tutorial/tree_drawnode.html">自定义节点</a>
					        <a href="docs/tutorial/tree_contextmenu.html">右键菜单</a>
                            <a href="docs/tutorial/tree_filter.html" style="color:Red;">过滤树</a>
					        <!--&nbsp;......
					        <span class="more"><a href="docs/tutorial/index.html#tree">更多»</a></span>-->
					    </div>
					</li>
                    <li>
						<a target="_blank" href="docs/tutorial/index.html#tree">
							6. TreeGrid</a>
						<div class="sec">
                                    <a href="docs/tutorial/treegrid.html">创建TreeGrid</a>
                                    <a href="docs/tutorial/treegrid_lazyload.html">懒加载</a>
                                    <a href="docs/tutorial/treegrid_drawcell.html">自定义单元格</a>                                  
                                    <a href="docs/tutorial/treegrid_dragdrop.html">节点拖拽</a>
					    </div>
					</li>
					<li><a target="_blank" href="docs/tutorial/index.html#layout">
						7. 布局控件</a>
						<div class="sec">
                            <a href="docs/tutorial/fit.html" style="color:Red;">Fit布局器</a>
					        <a href="docs/tutorial/layout.html">布局管理器</a>					        
					        <a href="docs/tutorial/panel.html">标题面板</a>
					        <a href="docs/tutorial/panel_load.html">标题面板懒加载</a>
					        <a href="docs/tutorial/splitter.html">折叠布局器</a>
					        <a href="docs/tutorial/window.html">弹出面板</a><br />
					        <a href="docs/tutorial/formlayout.html">表单布局器</a>                            
					        <!--&nbsp;......
					        <span class="more"><a href="docs/tutorial/index.html#layout">更多»</a></span>-->
					    </div>
					</li>
                    <li>
                        <a target="_blank" href="docs/tutorial/index.html#navigation">
	                    8. 导航控件</a>
	                    <div class="sec">
                            <a href="docs/tutorial/toolbar.html" style="color:Red;">工具栏</a>
					        <a href="docs/tutorial/menu.html">菜单</a>
					        <a href="docs/tutorial/menu_html.html">菜单:Html标签</a>					        
                            <a href="docs/tutorial/tabs.html" style="color:Red;">选项卡</a>
					        <a href="docs/tutorial/tabs_load.html">选项卡懒加载页面</a>
					        <a href="docs/tutorial/outlookbar.html">折叠面板组</a>
					        <a href="docs/tutorial/outlookmenu.html">折叠菜单</a>
					        <a href="docs/tutorial/outlooktree.html">折叠树</a>
					        <a href="docs/tutorial/pager.html">分页控件</a>
					        <!--&nbsp;......
					        <span class="more"><a href="docs/tutorial/index.html#navigation">更多»</a></span>-->
					    </div>
                    </li>
				</ul>
		    </div>
        </div>
        <div class="side_right">
            <div class="list_block">
                <div class="title">
				    <h3>学习资源</h3>
			    </div>
			    <table id="source" width="100%" cellspacing="5" cellpadding="5" style="color: #252525;">
			        <tbody>
			            <tr>
			                <td width="35"><img src="docs/images/GCDN.png" /></td>
			                <td><strong><a href="demo/index.html">在线示例</a></strong></td>
			                <td width="35"><img src="docs/images/document.png" /></td>
			                <td><strong><a href="docs/api/index.html">Api文档</a></strong></td>
			            </tr>
			            <tr>
			                <td><img src="docs/images/home.png" /></td>
			                <td><strong><a href="http://www.miniui.com/">产品网站</a></strong></td>
			                <td><img src="docs/images/download.png" /></td>
			                <td><strong><a href="http://www.miniui.com/download/">产品下载</a></strong></td>
			            </tr>
			        </tbody>
			    </table>
			</div>
			<div class="list_block">
		        <div class="title">
			        <h3><a href="http://www.miniui.com/product/">产品介绍</a></h3>
		        </div>
		        <div style="padding:10px;padding-bottom:15px;line-height:25px;color: #252525;">
		            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;jQuery MiniUI - 快速开发WebUI，适用于.Net、Java、PHP等任何平台。<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。<br />

		        </div>
			</div>
			<div class="list_block" style="height:357px;height:360px\9;">
	            <div class="title">
		            <h3><a href="http://www.miniui.com/bbs/forum.php?mod=forumdisplay&fid=37">精华文章</a></h3>
	            </div>
	            <div id="feature">
	                <ul>
	                    <li><a href="http://www.miniui.com/bbs/forum.php?mod=viewthread&tid=6&extra=page%3D1">1.jQuery MiniUI 开发指南</a></li>
				        <li>
				            <a href="http://www.miniui.com/bbs/forum.php?mod=viewthread&tid=12&extra=page%3D1">2.jQuery MiniUI开发系列之：UI和数据分离</a>
				        </li>
				        <li>
				            <a href="http://www.miniui.com/bbs/forum.php?mod=viewthread&tid=22&extra=page%3D1">3.jQuery MiniUI适用于哪些场合？</a>
				        </li>
				        <li>
				            <a href="http://www.miniui.com/bbs/forum.php?mod=viewthread&tid=13&extra=page%3D1">4.jQuery MiniUI开发系列之：HTML标签配置</a>
				        </li>
				        <li>
				            <a href="http://www.miniui.com/bbs/forum.php?mod=viewthread&tid=19&extra=page%3D1">5.Tree：加载列表数据</a>
				        </li>
				        <li>
				            <a href="http://www.miniui.com/bbs/forum.php?mod=viewthread&tid=16&extra=page%3D1">6.jQuery MiniUI适用于哪些开发平台？哪些数据库？</a>
				        </li>
				    </ul>
				    <span class="more" style="float:none;position:absolute;right:5px;bottom:5px;color: #252525;"><a href="docs/tutorial/index.html#navigation">更多»</a></span>
	            </div>
			</div>
        </div>
    </div>
    <div class="uiList">
        <div class="title">
			<h3 id="api">API参考手册</h3>
		</div>
		<div style="height:300px;padding: 23px 0 28px 30px;">
            <div class="formList">
                <h1>表单</h1>
                <div class="uiListContent">
                    <a href="docs/api/index.html#ui=databinding">DataBinding</a>
                    <a href="docs/api/index.html#ui=form">Form</a>
                    <a href="docs/api/index.html#ui=button">Button</a>
                    <a href="docs/api/index.html#ui=checkbox">CheckBox</a>
                    <a href="docs/api/index.html#ui=listbox">ListBox</a>

                    <a href="docs/api/index.html#ui=checkboxlist">CheckBoxList</a>
                    <a href="docs/api/index.html#ui=radiobuttonlist">RadioButtonList</a>
                    <a href="docs/api/index.html#ui=calendar">Calendar</a>
                    <a href="docs/api/index.html#ui=buttonedit">ButtonEdit</a>
                    <a href="docs/api/index.html#ui=popupedit">PopupEdit</a>
                    <a href="docs/api/index.html#ui=textbox">TextBox</a>

                    <a href="docs/api/index.html#ui=passwordl">Password</a>
                    <a href="docs/api/index.html#ui=textarea">TextArea</a>
                </div>
                <div class="uiListContent">
                    <a href="docs/api/index.html#ui=textboxlist">TextBoxList</a>
                    <a href="docs/api/index.html#ui=combobox">ComboBox</a>
                    <a href="docs/api/index.html#ui=datepicker">DatePicker</a>

                    <a href="docs/api/index.html#ui=spinner">Spinner</a>
                    <a href="docs/api/index.html#ui=timespinner">TimeSpinner</a>
                    <a href="docs/api/index.html#ui=treeselect">TreeSelect</a>
                    <a href="docs/api/index.html#ui=lookup">Lookup</a>
                    <a href="docs/api/index.html#ui=htmlfile">HtmlFile</a>
                    <a href="docs/api/index.html#ui=fileupload">FileUpload</a>

                </div>
            </div>
            <div class="layoutList">
                <h1>布局</h1>
                <div class="uiListContent">
                    <a href="docs/api/index.html#ui=panel">Panel</a>
                    <a href="docs/api/index.html#ui=window">Window</a>

                    <a href="docs/api/index.html#ui=splitter">Splitter</a>
                    <a href="docs/api/index.html#ui=layout">Layout</a>
                    <a href="docs/api/index.html#ui=fit">Fit Layout</a>
                </div>
            </div>
            <div class="navList">
                <h1>导航</h1>
                <div class="uiListContent">
                    <a href="docs/api/index.html#ui=toolbar">Toolbar</a>                                                           
                    <a href="docs/api/index.html#ui=menu">Menu</a>
                    <a href="docs/api/index.html#ui=tabs">Tabs</a>
                    <a href="docs/api/index.html#ui=tree">Tree</a>
                    <a href="docs/api/index.html#ui=outlookbar">Outlookbar</a>
                    <a href="docs/api/index.html#ui=pager">Pager</a>                    

                </div>
            </div>
            <div class="listList">
                <h1>列表</h1>
                <div class="uiListContent">
                    <a href="docs/api/index.html#ui=datagrid">DataGrid</a>
                    <a href="docs/api/index.html#ui=tree">Tree</a>

                    <a href="docs/api/index.html#ui=treegrid">TreeGrid</a>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"> </div>
    <div id="footer">
        Copyright © 上海普加软件有限公司版权所有
    </div>
</body>
</html>
